<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name="SiteName" content="首都之窗_北京市人民政府门户网站">
<meta name="SiteDomain" content="www.beijing.gov.cn">
<meta name="SiteIDCode" content="1100000088">
<meta name="ColumnName" content="图说北京">
<meta name="ColumnDescription" content="图说北京栏目以厚重的北京历史文化为依托，使图片更具纪实性、社会性、人文性、故事性，用图片讲述历史和我们身边生动鲜活的故事。">
<meta name="ColumnKeywords" content="历史文化;图片;故事性;纪实性;人文性;社会性;讲述;依托;北京故事;趣说北京;京味文化;人文景观">
<meta name="ColumnType" content="图说北京">
<meta name="keywords" content="历史文化;图片;故事性;纪实性;人文性;社会性;讲述;依托;北京故事;趣说北京;京味文化;人文景观">
<meta name="description" content="图说北京栏目以厚重的北京历史文化为依托，使图片更具纪实性、社会性、人文性、故事性，用图片讲述历史和我们身边生动鲜活的故事。">

<title>图说北京_首都之窗_北京市人民政府门户网站</title>
<link href="${resPath}/sdzc/css/ts-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.beijing.gov.cn/images/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${resPath}/sdzc/js/tsdh.js"></script>
<script type="text/javascript" src="${resPath}/sdzc/js/ts-bigpicroll.js"></script>
<style>
	.ts-bd-2{margin:80px auto 0 auto;}
	
	\@media only screen and (max-width: 414px){
	.ts-bd-2 .ts-bd-2-l .tit span{ display: none;}
	.focus {
	    display: none;
	}
	.ts-bd-yd{margin-top:70px;}
	}
	\@media only screen and (max-width: 750px) {
	.ts-bd-2{margin-bottom:100px;}
	.ts-bd-3 li .text{height: 30px;overflow: hidden;}
	.slider ul li p{height: 78px;overflow: hidden;}
	}
	\@media only screen and (max-width: 375px){
	.ts-bd-yd{margin-top:40px;}
	}
</style>
</head>

<body>
	<!-- 图说北京顶部图片 开始 -->
	<div class="ts-banner-1"></div>
	<!-- 图说北京顶部图片-移动端 -->
	<div class="ts-yd-banner-1"><img src="${resPath}/sdzc/images/ts-img-yd-1.png" /></div>
	<!-- 图说北京顶部图片 结束 -->

	<!-- 焦点图 开始 -->
	<div class="hdwrap">
		<div class="hdflash f_list">
			<div class="flashlist">
				<#cms_index_silder titleLen="10" size="10" var="bean">
					<div class="f_out">
						<a href="" target="_blank"><img src="${bean.img!}" class="img-responsive" width="100%"/></a>
						<div class="picintro">
							<p><a href="${bean.sildeUrl!}" target="_blank">${bean.sildeName!}</a></p>
						</div>
					</div>
				</#cms_index_silder>
			</div>
			<div class="flash_tab">
				<div class="tabs f_tabs">
					<ul>
					<li class="f_tab opdiv"><a href="javascript:void(0);"></a></li>
					<li class="f_tab opdiv"><a href="javascript:void(0);"></a></li>
					<li class="f_tab opdiv"><a href="javascript:void(0);"></a></li>
					<li class="f_tab opdiv"><a href="javascript:void(0);"></a></li>
					<li class="f_tab opdiv"><a href="javascript:void(0);"></a></li>
					</ul>
				</div>
			</div>
			<script type="text/javascript">
			    FeatureList(".f_list", {
			      "onclass": "noopdiv",
			      "offclass": "opdiv",
			      "pause_on_act": "mouseover",
			      "interval": 5000,
			      "speed": 5
			    });
			</script>
		</div>
	</div>

<!-- 焦点图-移动端 -->
<div class="slider-yd">
<div class="slider">
	  <ul>
	    <li>
        <a href="#" target="_blank"><img src="http://www.beijing.gov.cn/tsbj/tsbjlbt/202011/W020201104544299137136.jpg"></a>
        <p><a href="#" target="_blank">我们用图片记录这座城市的样子，夕阳西下、花草树木、市井生活，看见即拍。</a></p>
        </li>
		<li>
        <a href="#" target="_blank"><img src="http://www.beijing.gov.cn/tsbj/tsbjlbt/202010/W020201013600044584076.jpg" alt=""></a>
        <p><a href="#" target="_blank">
传说永乐年间营造角楼时，朱棣要求总管大臣建成九梁十八柱七十二条脊的结构。建筑师们想不出办法来。一个工匠从一个卖蝈蝈的老人那里，见到他用黍秸杆编造的蝈蝈笼样子十分精巧，这个笼子的构造正符合九梁十八柱七十二条脊的要求，于是在它的启发下，工匠们把角楼建成了现在所见到的式样。（摄影师：陈硕）</a></p>
        </li>
        <li>
        <a href="#" target="_blank"><img src="http://www.beijing.gov.cn/tsbj/tsbjlbt/202011/W020201109347256975133.jpg" alt=""></a>
        <p><a href="#" target="_blank">
夏至过后，北京紫竹院公园的荷花随着阵阵微风散发出淡雅的花香。公园里"荷花渡"格外受市民游客追捧，身着古装的年轻人，一家老小的家庭，还有不少摄影爱好者都纷纷登船，伴随着小船的悠然划动，感受着荷塘美景。岸边，散步、运动、赏景的市民看到绿色的荷叶，粉红、白色的荷花近在咫尺，纷纷拿出手机和相机拍照。</a></p>
        </li>
	  </ul>
	</div>
    <script type="text/javascript" src="css/yd-MobileSlider.js"></script>
  <script>
    $(".slider").yxMobileSlider({width:640,height:420,during:5000})
  </script>
  </div>
<!-- 焦点图 结束 -->
<!-- 京味板块 开始 -->
<div class="ts-bd-1">
<div class="ts-bd-jw">
<ul>
<li><a href="" target="_blank" title="">中轴线</a><a href="" target="_blank" title="">京剧</a><a href="" target="_blank" title="">皇家园林</a></li>
</ul>
</div>
<div class="ts-bd-rn">
<ul>
<li><a href="" target="_blank" title="">中轴线</a><a href="" target="_blank" title="">京剧</a><a href="" target="_blank" title="">皇家园林</a></li>
</ul>
</div>
<div class="ts-bd-rw">
<ul>
<li><a href="" target="_blank" title="">中轴线</a><a href="" target="_blank" title="">京剧</a><a href="" target="_blank" title="">皇家园林</a></li>
</ul>
</div>
</div>
<!-- 京味板块-移动端 开始 -->
<div class="ts-bd-yd">
<a href="" target="_blank"><img src="images/ts-img-yd-2.png"></a>
<a href="" target="_blank"><img src="images/ts-img-yd-6.png"></a>
<a href="" target="_blank" class="ts-bd-yd-img-l"><img src="images/ts-img-yd-3.png"></a>
</div>
<!-- 京味板块 结束 -->

<!-- 活动征集 开始 -->
<div class="ts-bd-2">
<div class="ts-bd-2-l">
<h2><a href="" target="_blank">征集&#38活动</a></h2>
<ul>
<li class="tit"><a href="" target="_blank" title="">征集</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" target="_blank" title="">海棠花征集令</a><span>05-26</span></li>
<li class="text">海棠是中国的传统名花之一，先秦时期的文献中，就有记载海棠花在中国古代的栽培历史。正值是海棠花期，向各位老师征集海棠花摄影图片。</li>
</ul>
<ul>
<li class="tit"><a href="" target="_blank" title="">征集</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="" target="_blank" title="">海棠花征集令</a><span>05-26</span></li>
<li class="text">海棠是中国的传统名花之一，先秦时期的文献中，就有记载海棠花在中国古代的栽培历史。正值是海棠花期，向各位老师征集海棠花摄影图片。</li>
</ul>
<div class="ts-more"><a href="" target="_blank" title="查看更多">我要投稿</a></div>
</div>
<div class="ts-bd-2-r">
<h2>我要投稿</h2>
<div class="ts-login-bd">
<form>
<input type="text" onkeyup="" id="" maxlength="20" placeholder="用户名" autocomplete="" class="ts-yhm">
<input type="text" onkeyup="" id="" maxlength="20" placeholder="密码" autocomplete="" class="ts-mm">
<div class="ts-login-btn-bd"><button class="ts-login-btn-1">注 册</button><button class="ts-login-btn-2">登 录</button></div>
</form>
</div>
</div>
</div>
<!-- 活动征集 结束 -->

<!-- 赏心悦目 开始 -->
<div class="ts-bd-3">
<h2><img src="${resPath}/sdzc/images/ts-img-12.png" title="" /></h2>
<h3><img src="${resPath}/sdzc/images/ts-img-yd-4.png" title="" /></h3>
<ul>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sxym/202006/W020200629614554642166.jpg" title="" /></a></p>
<p class="text"><a href="" target="_blank" title="">紫禁城的四角故宫角楼</a></p>
</li>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sxym/202006/W020200629614554642166.jpg" title="" /></a></p>
<p class="text"><a href="" target="_blank" title="">紫禁城的四角故宫角楼</a></p>
</li>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sxym/202006/W020200629614554642166.jpg" title="" /></a></p>
<p class="text"><a href="" target="_blank" title="">紫禁城的四角故宫角楼</a></p>
</li>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sxym/202006/W020200629614554642166.jpg" title="" /></a></p>
<p class="text"><a href="" target="_blank" title="">紫禁城的四角故宫角楼</a></p>
</li>
</ul>
<div class="clear"></div>
<div class="ts-more"><a href="" target="_blank" title="查看更多">查看更多</a></div>
</div>
<!-- 赏心悦目 结束 -->

<!-- 摄影师 开始 -->
<div class="ts-bd-4">
<h2><img src="${resPath}/sdzc/images/ts-img-13.png" title="" /></h2>
<h3><img src="${resPath}/sdzc/images/ts-img-yd-5.png" title="" /></h3>
<ul>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sys/202006/W020200629548358867027.jpg" title="" /></a></p>
<p class="tit"><a href="" target="_blank" title="">刘玉奎</a></p>
<p class="text"><a href="" target="_blank" title="">生长在北京，深受北京古老文化和民族传统  习俗影响，在七十年代就开始拿起相机记录身边的影像。</a></p>
</li>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sys/202006/W020200629548358867027.jpg" title="" /></a></p>
<p class="tit"><a href="" target="_blank" title="">刘玉奎</a></p>
<p class="text"><a href="" target="_blank" title="">生长在北京，深受北京古老文化和民族传统  习俗影响，在七十年代就开始拿起相机记录身边的影像。</a></p>
</li>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sys/202006/W020200629548358867027.jpg" title="" /></a></p>
<p class="tit"><a href="" target="_blank" title="">刘玉奎</a></p>
<p class="text"><a href="" target="_blank" title="">生长在北京，深受北京古老文化和民族传统  习俗影响，在七十年代就开始拿起相机记录身边的影像。</a></p>
</li>
<li>
<p class="img"><a href="" target="_blank" title=""><img src="http://www.beijing.gov.cn/tsbj/sys/202006/W020200629548358867027.jpg" title="" /></a></p>
<p class="tit"><a href="" target="_blank" title="">刘玉奎</a></p>
<p class="text"><a href="" target="_blank" title="">生长在北京，深受北京古老文化和民族传统  习俗影响，在七十年代就开始拿起相机记录身边的影像。</a></p>
</li>
</ul>
<div class="clear"></div>
<div class="ts-more"><a href="" target="_blank" title="查看更多">查看更多</a></div>
</div>
<!-- 摄影师 结束 -->

</body>
</html>
